import React from 'react'
import { Icon } from 'antd-mobile'
import './login.css'
import { Link } from 'react-router-dom'

class Login extends React.Component {
  render() {
    return (
      <div className="_login">
        <div className="text1">欢迎来到</div>
        <div className="text2">Battle竞价小程序</div>
        <div className="login-box">
          <div className="inputs">
            <div className="inputs-item">
              <input type="text" placeholder="请输入手机号码" />
            </div>
            <div className="inputs-item">
              <input type="text" placeholder="请输入验证码" />
              <button className="inputs-button">获取验证码</button>
            </div>
          </div>
          <div className="hint">
            <Icon className="hint-successed" type="check-circle" color="#3ecc2b"></Icon>
            <span className="hint-text">验证码已发送，可能会有延后，请耐心等待</span>
          </div>
          <Link to="/" replace>
            <button className="complete">
              <span className="complete-text">完成并登录</span>
              <Icon className="complete-icon" size="lg" type="right"></Icon>
            </button>
          </Link>
        </div>
      </div>
    )
  }
}

export default Login